<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>${appname}</title>
<%@ include file="/WEB-INF/view/common/css_js_base.jsp"%>
<script>
$(function(){
});
</script>
</head>
<body>
	<h1>h1. Bootstrap heading</h1>
	<h2>h2. Bootstrap heading</h2>
	<h3>h3. Bootstrap heading</h3>
	<h4>h4. Bootstrap heading</h4>
	<h5>h5. Bootstrap heading</h5>
	<h6>h6. Bootstrap heading</h6>
	
	<hr/>
	<h1>段落</h1>
	<p class="text-left">class="text-left" Left aligned text.</p>
	<p class="text-center">class="text-center" Center aligned text.</p>
	<p class="text-right">class="text-right" Right aligned text.</p>
	<p class="text-justify">class="text-justify" Justified text.</p>
	
	<hr/>
	<h1>List list-unstyeld</h1>
	<ul class="list-unstyled">
  		<li>111</li>
  		<li>111</li>
  		<li>111</li>
  		<li>111</li>
	</ul>
	
	<hr/>
	<h1>list-inline</h1>
	<ul class="list-inline">
	  <li>1111</li>
	  <li>1111</li>
	  <li>1111</li>
	  <li>1111</li>
	</ul>
	
	<hr/>
	<p class="text-muted">XXXX</p>
	<p class="text-primary">XXXX</p>
	<p class="text-success">XXXX</p>
	<p class="text-info">XXXX</p>
	<p class="text-warning">XXXX</p>
	<p class="text-danger">XXXX</p>
	
	<hr/>
	<div class="bs-example bs-example-bg-classes">
    <p class="bg-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
    <p class="bg-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
    <p class="bg-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
    <p class="bg-warning">Etiam porta sem malesuada magna mollis euismod.</p>
    <p class="bg-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
  </div>
  
  <hr/>
  
  <button type="button" class="close" aria-hidden="true">&times;</button>
  
  <span class="caret"></span>
	
	<%-- <div class="col-md-5">
		<img src="${ctx}/static/images/demo/img1.jpg" alt="..." class="img-rounded">
		<img src="${ctx}/static/images/demo/img2.jpg" alt="..." class="img-circle">
		<img src="${ctx}/static/images/demo/img3.jpg" alt="..." class="img-thumbnail">
	</div> --%>
	
	
</body>
</html>
